<!DOCTYPE html>
<html lang="en">

<head>
    <title>浙江省环保院</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../css/bootstrap.min.css" />
    <!-- 基础样式 -->
    <link rel="stylesheet" href="../css/matrix-style.css" />
    <!-- 皮肤 -->
    <link rel="stylesheet" href="../css/matrix-media.css" />
    <!-- 字体图标 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_nmgh27o42027qfr.css" />
    <!-- 样式 -->
    <link rel="stylesheet" href="../css/employeeMan.css" />
    <!-- datatable -->
    <!-- <link rel="stylesheet" href="../css/foundation-datepicker.min.css"> -->
</head>

<body>
    <!--Header-part-->
    <div id="header">
        <p class="header-text">浙江省环保院</p>
        <h1><a href="index.html">浙江省环保院</a></h1>
    </div>
    <!--close-Header-part-->
    <!--top-Header-menu-->
    <div id="user-nav" class="navbar navbar-inverse head-nav">
        <ul class="nav">
            <li class="dropdown" id="profile-messages">
                <a title="" href="#" data-toggle="dropdown" data-target="#profile-messages" class="dropdown-toggle">
                    <i class="iconfont icon-user"></i>
                    <span class="text">管理员</span><b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#"><i class="icon-user"></i>个人设置</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="icon-user"></i>修改密码</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="icon-check"></i>切换账号</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!--close-top-Header-menu-->
    <!--sidebar-menu-->
    <div id="sidebar">
        <ul>
            <li class="active">
                <a href="#">
                    <i class="iconfont icon-home"></i>
                    <span>部门管理</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-signal"></i>
                    <span>员工管理</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-inbox"></i>
                    <span>角色管理</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-th"></i>
                    <span>视图管理</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-fullscreen"></i>
                    <span>项目设置</span>
                </a>
            </li>
        </ul>
    </div>
    <!--sidebar-menu-->
    <!--main-container-part-->
    <div id="content" class="clearfix">
        <!-- table -->
        <div class="table-div-relative this-table">
            <div class="btn-group">
                <button class="btn active">项目类别</button>
                <button class="btn">项目类别</button>
            </div>
            <div class="btn-query btn-group">
                <button class="add-btn btn">添加</button>
                <button class="delect-btn btn">删除</button>
            </div>
            <!-- <div class="table-div"> -->
                <table class="table">
                    <tr>
                        <th>
                            <div class="checked">
                                <input type="checkbox" class="check-input">
                            </div>
                        </th>
                        <th>编号</th>
                        <th>名称</th>
                    </tr>
                    <tr>
                        <td>
                            <div class="checked">
                                <input type="checkbox" class="check-input">
                            </div>
                        </td>
                        <td>IND001</td>
                        <td>轻工纺织化纤</td>
                    </tr>
                </table>
            <!-- </div> -->
            <div class="paging">
                <button>上一页</button>
                <button>下一页</button>
            </div>
        </div>
        <!-- End-table -->
        <!-- modal -->
        <!-- information-modal -->
        <div class="information-modal widget-box span7" style="display: none">
            <div class="widget-title">
                <span class="icon iconfont icon-remove">
            </span>
                <h5>查看部门人员信息</h5>
            </div>
            <div class="widget-content clearfix">
                <form>
                    <div class="info-control">
                        <span class="info-title">员工ID：</span>
                        <span class="info-text">2013456</span>
                    </div>
                    <div class="info-control">
                        <span class="info-title">姓名：</span>
                        <span class="info-text">吕敏</span>
                    </div>
                    <div class="info-control">
                        <span class="info-title">性别：</span>
                        <span class="info-text">女</span>
                    </div>
                    <div class="info-control">
                        <span class="info-title">年龄：</span>
                        <span class="info-text">21</span>
                    </div>
                    <div class="info-control">
                        <span class="info-title">电话：</span>
                        <span class="info-text">23045677</span>
                    </div>
                    <div class="info-control">
                        <span class="info-title">部门ID：</span>
                        <span class="info-text">23045677</span>
                    </div>
                    <div class="info-control">
                        <span class="info-title">出生年月：</span>
                        <span class="info-text">1974-07-27</span>
                    </div>
                    <div class="info-control">
                        <span class="info-title">创建时间：</span>
                        <span class="info-text">1974-07-27</span>
                    </div>
                    <div class="form-control col-lg-6">
                    </div>
                    <div class="btn-groups">
                        <input type="button" name="" value="确定" class="btn btn-info">
                    </div>
                </form>
            </div>
        </div>
        <!-- End-information-modal -->
        <!-- add-modal -->
        <div class="add-modal widget-box span9" style="display: none">
            <div class="widget-title">
                <span class="icon iconfont icon-remove">
            </span>
                <h5>添加员工</h5>
            </div>
            <div class="widget-content clearfix">
                <div class="submit-add">
                    <input class="btn btn-add" type="button" name="" value="确定">
                </div>
            </div>
        </div>
        <!-- End-add-modal -->
        <!-- confirm-modal -->
        <div class="confirm-modal span5">
            <p class="confirm-text">是否确认删除?</p>
            <div class="clearfix">
                <input type="button" name="" value="确定" class="confirm-btn">
                <input type="button" name="" value="取消" class="confirm-cancel">
            </div>
        </div>
        <!-- End-confirm-modal -->
        <div class="alert-modal"></div>
        <!-- End-modal -->
    </div>
    <div class="mask"></div>
    <!-- End-right-menu -->
    <!--Footer-part-->
    <div class="row-fluid">
        <div id="footer" class="span12"> 2016 &copy; 浙江省环保院 By <a href="http://themedesigner.in/">浙江工商大学</a> </div>
    </div>
    <!--end-Footer-part-->
    <script src="../js/jquery-3.1.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/matrix.js"></script>
    <script src="../js/employeeMan.js"></script>
    <!-- <script src="../js/foundation-datepicker.min.js"></script>
    <script src="../js/foundation-datepicker.zh-CN.js"></script> -->
    <script type="text/javascript">
    function goPage(newURL) {
        if (newURL != "") {
            if (newURL == "-") {
                resetMenu();
            } else {
                document.location.href = newURL;
            }
        }
    }

    function resetMenu() {
        document.gomenu.selector.selectedIndex = 2;
    }
    </script>
</body>

</html>
